<template>
	<view>
		<template>
			<view class="home">
				<swiper circular indicator-dots>
					<swiper-item v-for="item in swipers">
						<image :src="item.src"></image>
					</swiper-item>
				</swiper>
			</view>
		</template>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				swipers: [{
						name: '1',
						src: '../../static/1.jpg'
					},
					{
						name: '2',
						src: '../../static/2.jpg'
					},
					{
						name: '3',
						src: '../../static/3.jpg'
					}
				]
			}
		},
	}
</script>

<!-- 开启scss -->
<style lang="scss">
	.home {
		swiper {
			width: 750rpx;
			height: 1390rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>